@import url(flickerplate.css);
body,html{height:100%;min-height:100%;font-family:microsoft yahei;}
body{overflow-x: hidden;}
.row{margin: 0;padding: 0}
a{cursor: text}
a:hover{text-decoration: none}
/* nav */
.sliderBg{width:100%;height:auto;background:#657bea;position:relative}
.nav_bg{width:70%;float:right;text-align:right;position:relative;}
.nav{display:flex;justify-content:flex-end;padding:15px 0;position:absolute;top:0;right:50px;z-index:999;}
.nav a{cursor: pointer;}
.nav > li{justify-content:flex-end;}
.nav > li > a:hover,.nav > li > a:focus{background:none;color:#fff}
.nav-pills > li.active > a{background:none;border:#fff solid 1px;border-radius:25px;padding:10px 25px}
.nav > li > a{color:#FFF}
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus{background:none}
.am-nav>li.am-active>a{background:none;border-radius:25px;border:#fff solid 1px;}
.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{background-color:none;}
ul,li{list-style:none}
.contactUs{padding:5px 25px;display:inline-block;cursor:pointer;background:#fff;border-radius:25px;color:#2534C6;margin:20px 0 0 20px;
	animation-duration: 1500ms;    float: left;
    animation-iteration-count: infinite;
    animation-name: pulse;
	font-size:14px}
.am-thumbnails{margin:0;height:100%;vertical-align:middle;justify-self:center}
.jzh_bg{background: #0072E9;box-sizing: border-box;
	background-image:linear-gradient(-180deg,#3815B5 0%,#0072E9 100%);width:100%;padding:20px}
.sliderBg .col-md-4 li{display:flex;color:#fff;margin-top:40px}
.sliderBg .col-md-4 li img{    float: left;}
.Fleft{float: left;}
.sliderBg .col-md-4 li h3,.sliderBg .col-md-4 li p{margin:0 0 10px 10px}
.section-block{position:relative;overflow:hidden;padding:6rem 15px;background-color:#fff;color:#434a54;text-align:center;}
.container{padding:0}
.text-muted{width:70%;margin:0 auto;text-align:center;color:#8D8D8D;}
.textstart h2{text-align:center;padding:20px 0;font-weight:bold;color:#383838}
.textstart h2 a {color:#383838}
.w70{width:70%;margin:0 auto}
.w80{width:85%;margin:0 auto}
.media-body h4{font-weight:bold;padding:20px 0}
.media .media-left{vertical-align:middle}

.flick-block-text{color: #fff;  font-size:4rem}
.flick-sub-text .flick-block-text{color: #fff; width: 500px;  font-size:2rem}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{padding: 0}

/* 板块上间距 */
.blockMarT{margin-top:80px}
.media:first-child{margin-top:30px}
.media{margin:60px 0;overflow:hidden;}
.contactBg{width:100%;padding:30px 0;
	background: #0C81EA;
	background-image:linear-gradient(-180deg,#6430E6 0%,#0C81EA 100%);}
.w100{width:100%}
.contTextPic{width:100%;text-align:center}
.contactBg img{width:140px}
.contactBg h6{color:#fff;font-size:2rem;font-weight:bold}
.contactBg  p{font-size:1.6rem;color:#fff}
.atcontact{padding:10px 25px;background:#fff;border-radius:25px;margin:10px auto;color:#0072E9;font-weight:bold;font-size:1.8rem;display:inline-block;}
.threePicm{margin-top:100px; opacity: .5;}
.bugufriend{font-size:4rem;color:#fff;font-weight:bold;position:absolute;z-index:99999;top:50%;left:50%;transform:translate(-50%,-50%);  /* 使用css3的transform来实现 */}

/* slider  qiehuan */
#content{position:relative;margin:50px auto;width:90%;}

/********************************
 * generic als elements styling
 ********************************/
.als-container{position:relative;width:100%;margin:0px auto;}
.als-viewport{position:relative;overflow:hidden;margin:0px auto;}
.als-wrapper{position:relative;list-style:none;}
.als-item{position:relative;display:block;text-align:center;cursor:pointer;float:left;}
.als-prev,.als-next{position:absolute;cursor:pointer;clear:both;}

/**************************
 * specific als elements
 * styling for #lista1
 **************************/
#lista1{margin:60px auto 80px auto;}
#lista1 .als-item{margin:0px 30px;min-height:152px;min-width:128px;width:15%}
#lista1 .als-item img{position:relative;display:block;vertical-align:middle;margin-bottom:8px;}
#lista1 .als-prev,#lista1 .als-next{top:58px;width:15px;height:22px;}
#lista1 .als-prev{left:90px;}
#lista1 .als-next{right:100px;}

/* ========================================================== */
/* 	 PRICING                       */
/* ========================================================== */
.textgray{color:#8D8D8D;font-size:1.6rem}
.textgraysale{color:#8D8D8D;font-size:1.8rem}
.pricing-box-green,.pricing-box-blue,.pricing-box-red{margin-left:10px;margin-right:10px;margin-bottom:40px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;text-align:center;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:2px solid #e5e5e5;box-shadow:0 2px 10px 8px rgba(165,165,165,0.50);}
.pricing-box-blue{	background: #3998EE;
	background-image:linear-gradient(-180deg,#6332E7 0%,#3998EE 100%);
	box-shadow:0 2px 10px 8px rgba(17,124,235,0.21);}
.pricing-box-green:hover,.pricing-box-red:hover,.pricing-box-red:hover{box-shadow:0px 2px 20px rgba(0,0,0,0.08);}
.pricing-box-green .pricing-top,.pricing-box-blue .pricing-top,.pricing-box-red .pricing-top{padding:20px 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.pricing-box-green .pricing-top{}
.pricing-box-blue .pricing-top{background-color:none;}
.pricing-box-blue  .pricing-top h3{color:#fff;}
.pricing-box-blue .textgray{color:#fff;font-size:1.6rem}
.pricing-box-blue .textgraysale{color:#fff;font-size:1.8rem}
.pricing-box-blue .pricing-top .price .currency{color:#fff;font-size:24px;line-height:40px;font-weight:600;vertical-align:top;display:inline-block;}
.pricing-box-blue .pricing-top .price span.number{color:#fff;font-size:36px;line-height:42px;font-weight:700;}
.pricing-box-blue .pricing-bottom ul li{color:#fff}
.pricing-top h3{color:#2C2C2C;font-size:36px;text-transform:uppercase;margin-bottom:10px;font-weight:700;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.pricing-top .price .currency{color:#2C2C2C;font-size:24px;line-height:40px;font-weight:600;vertical-align:top;display:inline-block;}
.pricing-top .price span.number{color:#2C2C2C;font-size:36px;line-height:42px;font-weight:700;}
.pricing-top .price .month{font-size:16px;line-height:18px;font-weight:600;}
.pricing-top .price .month .blue{color:#3498db;}
.pricing-bottom{padding:0 40px 40px 40px;}
.pricing-bottom ul{list-style:none;list-style-type:none;margin:35px 0px 40px;padding:0;}
.pricing-bottom ul li{text-align:center;font-size:16px;line-height:30px;}
.btn-pricing-green{width:80%;margin:0 auto;color:#fff;font-size:2rem;font-weight:bold;
	background: #0E7EE9;
	background-image:linear-gradient(-180deg,#6735E7 0%,#0E7EE9 100%);box-shadow:0 2px 6px 0 #0072E9;border-radius:25px;padding:15px 25px}
.btn-pricing-green:hover{color:#fff;}
.btn-pricing-blue{width:80%;margin:0 auto;color:#0072E9;background:#FFFFFF;font-size:2rem;font-weight:bold;box-shadow:0 2px 6px 0 rgba(255,255,255,0.50);border-radius:37px;padding:14px 0;font-weight:600;}
.btn-pricing-red:hover{color:#dd624e;background-color:transparent;border-color:#dd624e;}

/* contactUsBg */
.contactUsBg{background: #5B29E1;
	background-image:linear-gradient(-180deg,#5B29E1 0%,#00A3F4 100%);border:1px solid #979797;
	padding:50px 0;text-align:center}
.contactUsBg h3 a{color:#FFF;line-height:3rem}
.companylink{color:#fff;font-size:1.4rem;line-height:3rem}
.commitinput{width:50%;border-radius:0;height:39px;border:0}
.comitBtn{
	background: #3997EE;
	background-image:linear-gradient(-270deg,#6232E7 0%,#3997EE 98%);border:0;color:#fff;padding:10px 25px; cursor: pointer;}

/* nav  mobile */
.menu-icon{position:absolute;top:10px;padding:5px;right:15px;display:none;color:#fff;font-size:22px;z-index:99999999999;}
.menu-icon:focus,.menu-icon:active{color:#999999;}
.menu-icon:hover,.menu-icon.menu-open{color:#fa8322;}
.mobile-show ul li:last-child > a{border-bottom:1px solid #2b2b2b;}

/*返回顶部*/
.w-button-round,.w-button-square{position:relative;display:block;padding:0;border:0;background:#db3652}
.w-button-round{overflow:hidden;width:28px;height:28px;border-radius:50%;text-indent:-999em;}
.w-button-backToTop{position:fixed;right:5px;bottom:65px;z-index:99999;width:3pc;height:3pc;background:#c5c5c5;-webkit-transition:bottom .2s ease-in;transition:bottom .2s ease-in;background-color:rgba(0,0,0,.4);}
.nrefresh{position:fixed;right:5px;bottom:65px;z-index:99999;width:3pc;height:3pc;background:#c5c5c5 url(http://imgcdn.3yx.com/image/201608101316yyg-icon2.png) no-repeat  right -200px;background-size:300px 300px;-webkit-transition:bottom .2s ease-in;transition:bottom .2s ease-in;background-color:rgba(0,0,0,.4);}
.w-button-backToTop:after,.w-button-backToTop:before{position:absolute;display:block;overflow:hidden;content:""}
.w-button-backToTop:before{top:15px;left:1.06pc;width:15px;height:15px;border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.w-button-backToTop:after{top:13px;left:23px;width:0;height:23px;border-left:3px solid #fff}
.nrefresh.loading{-webkit-animation:rotating .8s linear 0s infinite;animation:rotating .8s linear 0s infinite}

/* slider  切换 */
.B_inner p{text-align: left; color: #ABABAB }
.B_inner a:hover{text-decoration: none}

/* phone banner */
.phone_banner{ width: 100%; position: relative;}
.phone_banner img{width: 100%}

.banner_text{width:90%;margin:150px auto; text-align:center }
.banner_text .h3b{ font-size: 3rem; color: #fff; line-height:5rem}
.banner_text .texts{ font-size:1.6rem; color: #fff; line-height: 1.8rem}


/* 低版本浏览器提示 */
.browser-happy {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background: #24a6fa
}
.browser-happy .content {
	text-align: center;
	color: #fff;
	font-size: 24px;
	padding-top: 100px
}
.browser-happy .content p {
	line-height: 30px;
}
.browser-happy .content a {
	display: inline-block;
	padding: 10px 20px;
	border: 2px solid #fff;
	text-decoration: none;
	color: #fff;
	margin-top: 30px;
}

/* 动画 */
.contactUs:hover, .atcontact:hover{
	-webkit-transform:scale(1.1);
	-webkit-box-shadow:0px 0px 30px #ccc;
	-moz-transform:scale(0.8);
	-moz-box-shadow:0px 0px 30px #ccc;	
	-o-transform:scale(0.8);
	-o-box-shadow:0px 0px 30px #ccc;	
}  


/* 响应式 */
@media screen and (min-width:640px){
	.B_rounded{width:48%;float:left}
	.B_rounded2{width:48%;float:right}
	.B_roundedP{padding:0 70px}
	#product_box div{padding:30px;height:574px}
	.B_inner{margin-top:50px;padding:0 100px;text-align:center}
	.B_rounded{width:48%;float:left}
	.B_rounded2{width:48%;float:right}
	#myCarousel2 h1,#open_plat h1,#tool_unit h1{font-size:32px;margin-top:75px}
	#open_plat h3,#tool_unit h3{font-size:20px;margin-top:32px;margin-bottom:40px}
	#plat_box{padding:20px 0px 20px 0px}
	#lunbo_img{width:100%;max-width:700px;height:auto}
	.btn-l{left:28px}
	.btn-r{right:28px}
	.btn-move{margin-top:-62px;position:absolute;top:50%}
	#myCarousel1 h3{text-align:center;color:#666}
	#myCarousel2 h3{text-align:center;color:#f0f7ff}
}

@media (min-width:768px){
	/* 焦点图 */
	.carousel-caption{top:20%}
	.flick-title{font-size:4rem;text-align: left}
	.flick-sub-text{font-size: 2rem; text-align: left}
	.contactUs{ font-size: 2rem; color: #2534C6;text-shadow:none;}
	.dropdown-menu{background: none; border: 0; border-radius:0;box-shadow:none}

	.phone_bannerr{display: none}
	.form_bg{width:48%;margin:0 auto;display:flex;justify-content: center;}
	.form-inline .form-control{width:50%;vertical-align:middle;}
	.form-inline .form-group{width:70%;display:flex}
	.comitBtn{width:30%}
}
@media (max-width:1000px){
	.jzh_bg{display:none}
}
@media (max-width:768px){
	/* 手机版导航 */
.dropdown-menu{width: 100%; background: rgba(101,123,234,.8); color: #FFF}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a{color: #fff}
.dropdown-menu>.active>a{background: none}
	.flick-title{font-size:2rem}
	.contactUs{ font-size:1rem; color: #333;text-shadow:none; float: none}
	.nav{display: none}
	.phone_bannerr{display: block; height: 500px; overflow: hidden;  background: url(../images/banner.png) no-repeat; background-size:cover}
	.menu-icon{display:block;}
	.jzh_bg{display:none}
	.form_bg{width:80%;margin:0 auto;display:inline-block}
	.form-inline .form-control{width:100%;vertical-align:middle;}
	.form-inline .form-group{width:100%;margin:0 auto 20px}
	.comitBtn{width:100%}
	.nav_bg{width:100%}
	.nav{background:rgba(17,124,235,0.9);position:absolute;top:0;left:0;width:100%;z-index:999999;}
	.nav > li{width:100%;text-align:left}
	.nav-pills > li.active > a{border:0}
	.sliderqh img{width: 100%}
	.btn-move{display: none}
	.bugufriend{ font-size: 2rem;  width: 100%;text-align: center;top: 40%;}
	.w80, .w70{width: 90%}
	.contactUsBg h3{text-align: left; width: 95%; margin: 0 auto 30px}
	.media{margin: 20px}
	.blockMarT{margin-top: 20px}
	.text-muted{text-align:center}
	.flick-title .flick-block-text{font-weight: bold; font-size:3rem;}
	.flick-block-text{text-align: center; width: 100%; font-size:1.6rem; display:inline-block}
	.flickerplate ul.flicks>li .flick-inner .flick-content{ text-align: center}

	.comitBtn{width: 50%;
		margin: 0 auto;
		color: #0072E9;
		background: #FFFFFF;
		font-size: 2rem;
		font-weight: bold;
		box-shadow: 0 2px 6px 0 rgba(255,255,255,0.50);
		border-radius: 37px;
		padding:5px 10px;
		font-weight: 600;}
	.companylink{ font-size: 1.8rem}
	/* 报价 */
	.pricing-box-green, .pricing-box-blue, .pricing-box-red{
		background-image: linear-gradient(-180deg, #6332E7 0%, #3998EE 100%);
		box-shadow: 0 2px 10px 8px rgba(17,124,235,0.21);
	}
	.pricing-top h3, .textgraysale, .pricing-top .price span.number, .pricing-top .price .currency, .textgray, .pricing-bottom{color: #fff}
}
